/**坐席端-工作台-单独样式*/
// 调试用
.debug-style {
  font-size: 10px;
  display: inline-block;
  color: red;
}
.chatseat {
  height: 100%;
  .chat-statusheader-phone {
    padding: 0 10px;
  }
  .call-time {
    margin-left: 20px;
    line-height: 31px;
  }
  .chat-status-header {
    border-bottom: 1px solid #dedede;
  }
  .chat-body {
    height: calc(100% - 121px);
    overflow-y: auto;
  }
  //底部按钮区
  .chat-foot {
    position: relative;
    padding: 8px;
    height: 82px;
    text-align: center;
    border: 1px solid #dedede;
    border-width: 1px 0 0;
    overflow: hidden;
    // 转人工组件-提示框
    .man-message {
      position: absolute;
      left: 0;
      right: 0;
      bottom: -82px;
      background: #fff;
      height: 82px;
      //transform: translateY(100%);
      //transition: transform .2s;
      transition: bottom 0.2s;
      z-index: 10;

      border: 1px solid #dedede;
      border-width: 1px 0 0;

      .box-left {
        margin-right: 20px;
        span,
        b {
          display: block;
          text-align: left;
        }
        span.blue {
          font-size: 12px;
          color: #3591ff;
        }
      }
      .man-message-box {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        .btn-circle {
          border-color: #8bc34a;
          background-color: #8bc34a;
        }
      }
    }
    .message-pop-in {
      //transform: translateY(0);
      bottom: 0;
    }
    // 人工监听按钮
    .btn-circle {
      width: 64px;
      height: 64px;
      .text {
        margin-left: 0;
        display: block;
        font-size: 12px;
        line-height: 14px;
        font-weight: bold;
      }
    }
  }
}
